<template>
  <footer class="footer-area section-padding">
    <div class="footer-widget">
      <div class="container">
        <div class="row">
          <div class="col-xl-2 col-lg-3">
            <div class="single-widget-home mb-5 mb-lg-0">
              <h3 class="mb-4">Informations</h3>
              <ul>
                <li class="mb-2"><a href="#">visit website</a></li>
                <li class="mb-2"><a href="#">contact us</a></li>
                <li class="mb-2"><a href="#">with Others</a></li>
                <li><a href="#">By yourself</a></li>
              </ul>
            </div>
          </div>
          <div class="col-xl-6 offset-xl-1 col-lg-6">
            <div class="single-widget-home mb-5 mb-lg-0">
              <h3 class="mb-4">Search</h3>
              <p class="mb-4">You can Serarch here.</p>
              <form action="#">
                <input type="email" placeholder="Serach Here" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Search Here'" required>
                <button type="submit" class="template-btn">subscribe now</button>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-copyright">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-md-6">
                            <span><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;2019 All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by me
                              <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</span>
          </div>
        </div>
      </div>
    </div>
  </footer>
</template>

<script>
export default {
  name: 'footer'
}
</script>

<style scoped>

</style>
